<!DOCTYPE html>
<html>
<head>
<title>My Photobiography</title>
</head>
<body style="text-align:center; background-color:white;">
<h2>Jonathan Patiag Jr. Personal Website</h2>
<a href="homepage.html" title="Go to Homepage">Homepage</a> |
<a href="profile.html" title="Go to Profile">Profile</a> |
<a href="autobiography.html" title="Go to Autobiography">Autobiography</a> |
<a href="gallery.html" title="Go to Gallery">Gallery</a> |
<a href="favorites.html" title="Go to Favorites">Favorites</a> |
<a href="contact.html" title="Go to Contact">Contact</a>
<hr>
<h1>My Photobiography</h1>
<p>Here are my life photos in chronological order:</p>

<img src="https://uploads.onecompiler.io/4367a6qmz/1781710107833/f386d130-03f9-45d6-8c85-0996cb1770ff.jpg" alt="Baby Photo"
title="My Baby Days"
width="300" height="300"
style="display:block; margin:auto; border:3px solid blue; padding:5px;">
<p> My Baby Days </p>

<img src="https://uploads.onecompiler.io/4367a6qmz/1781710101316/e39d3b0a-5ba1-4b38-bfa6-0be3aa7fd384.jpg" alt="Childhood Photo"
title="My Childhood Adventures" width="300" height="300"
style="display:block; margin:auto; border:3px solid green; padding:5px;">
<p> My Childhood Adventures</p>

<img src="https://uploads.onecompiler.io/4367a6qmz/1781710095484/3030f74c-4148-4788-a4fa-5ec1032c9761.jpg" alt="Teen Photo"
title="My Teenage Years" width="300" height="300"
style="display:block; margin:auto; border:3px solid orange; padding:5px;">
<p>THANK YOU</p>
</body>
</html>